import React from 'react';
import { HeroSection } from '../components/Home/HeroSection';
import { ValueProposition } from '../components/Home/ValueProposition';
import { StageNavigation } from '../components/Home/StageNavigation';
import { EssentialsList } from '../components/Home/EssentialsList';
import { LatestArticles } from '../components/Home/LatestArticles';
export const HomePage = () => {
  return <div className="w-full">
      <HeroSection />
      <div className="container mx-auto px-4 md:px-6">
        <ValueProposition />
        <StageNavigation />
        <EssentialsList />
        <LatestArticles />
      </div>
    </div>;
};